body{
	font-family: "Century Gothic",Verdana;
	font-size: 12px;
	color: #666666;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}
h1{
	color:#000000;
	font-size:20px;
}

div#header{
	background-image:url(/images/header.jpg);
	height:404px;
	width:100%;
}
div#header div.container{
	width:970px;
	height:404px;
	margin:0 auto;
}
div#header div.logo{
   float:left;
   margin-left:50px;
}
div#header div.menu{
   float:right;
   margin-top:360px;
   margin-right:50px;
}

.menu li{
  float:left;
  margin-left:5px;
  list-style:none;
  background-image:url(/images/tab.png);
  background-repeat:no-repeat;
  background-position:top center;
  color:#FFFFFF;
  width:76px;
  height:26px;
  text-align:center;
  padding-top:4px;
}

.menu a:link,.menu a:visited,.menu a:active{
 text-decoration:none;
 color: #FFFFFF;
}
.menu a:hover{
 text-decoration:none;
 color: #d4fe57;
}

div#middle{
    background-image:url(/images/bg_middle.png);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	height:400px;
	overflow:hidden;
}

div#middle div.container{
	width:970px;
	height:400px;
	margin:0 auto;
}

div.box-logos{
    margin:10px 0;
	width:485px;
	height:380px;
	float:left;
	border-right:1px dotted #666666;
}

div.clarinada{
	width:204px;
	height:113px;
	background-image:url(/images/clarinada_logo.jpg);
	float:left;
	margin-left:30px;
	background-position:0 -113px;
}
div.clarinada:hover{
	background-position:0 0;
}
div.farma{
	width:204px;
	height:113px;
	background-image:url(/images/farma_logo.jpg);
	float:right;
	margin-right:30px;
	background-position:0 -113px;
}
div.farma:hover{
	background-position:0 0;
}
div.siniestro{
	width:204px;
	height:94px;
	background-image:url(/images/siniestro_logo.jpg);
	float:left;
	margin-left:30px;
	background-position:0 -94px;
}
div.siniestro:hover{
	background-position:0 0;
}
div.viaje{
	width:204px;
	height:94px;
	background-image:url(/images/viaje_logo.jpg);
	float:right;
	margin-right:30px;
	background-position:0 -94px;
}
div.viaje:hover{
	background-position:0 0;
}
div.suplementos{
	width:418px;
	height:100px;
	background-image:url(/images/suplementos_logo.jpg);
	float:left;
	margin-top:10px;
	background-position:0 -100px;
}
div.suplementos:hover{
	background-position:0 0;
}

div.noticias{
	width:460px;
	height:380px;
	float:right;
	overflow:auto;
}

div.contenido-noticia span.titulo{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.contenido-noticia p{
	margin:0;
	padding:0;
        margin-bottom: 10px;
}

.contenido-noticia a:link,.contenido-noticia a:visited,.contenido-noticia a:active{
	text-decoration:none;
	color: #749e0a;
	font-size:10px;
}
.contenido-noticia a:hover{
	text-decoration:underline;
}

.noticia{
    height: 100px;
}
.contenido-imagen{
     width:15%;
     float:left;
}
.contenido-contenido{
    width: 85%;
    float: right;
}



div#footer{
    background-image:url(/images/foot_bg.png);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	height:118px;
}

div#footer div.info{
    padding-top:1px;
	overflow:hidden;
	float:left;
	margin:20px 10px 0 70px;
}

.info li{
  float:left;
  margin-left:5px;
  list-style:none;
  color:#FFFFFF;
  text-align:center;
  font-size: 11px;
}

.info a:link,.info a:active,.info a:visited{
 color: #FFFFFF;
 text-decoration:underline;
}
.info a:hover{
 color: #d4fe57;
 text-decoration:underline;
}

div.copyright{
	margin-top:30px;
	margin-left:44px;
	font-size: 11px;
}
div#footer div.logo{
    padding-top:1px;
    height::117px;
	overflow:hidden;
	float:right;
	margin-right:10%;
}
